<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="https://cdn.bootcdn.net/ajax/libs/Mock.js/1.0.0/mock-min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.3/jquery.js"></script>
    <script>
        //  $.ajax({})
        // url:请求地址
        // type:get/post
        // data:''
        // dataType:'json' 返回的数据做处理
        // success:function(res){请求成功获取到数据}
        // error:function(){请求失败，得到错误信息}

        //$.get()
        // url: 待载入页面的URL地址
        // data:待发送 Key / value 参数。
        // callback: 载入成功时回调函数。
        // type: 返回内容格式，xml, html, script, json, text, _default。




        Mock.mock('/students', function () {
            return Mock.mock({
                'students|10': [
                    {
                        'id|+1': 1,
                        'name': '@cname()',
                        'age|16-20': 1,
                        'gender|1': ["男", '女'],
                        'score|0-100': 1
                    }
                ]
            }).students
        })


        // $.ajax({
        //     type: 'get',
        //     url: '/students',
        //     data:'',
        //     dataType: 'json',
        //     success: function (res) {
        //         console.log(res);
        //     },
        //     error: function (err) {
        //         console.log(err);
        //     }

        // })

        // $.get('/students', function (res) {
        //     console.log(res);
        // }, 'json')

    </script>

</body>

</html>